<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!-- Foundation -->
<meta name="viewport" content="width=device-width" />
<link rel="stylesheet" href="css/foundation.css" />
<link rel="stylesheet" href="css/normalize.css" />
<script src="js/vendor/custom.modernizr.js"></script>
<title>Login administration</title>
</head>
<body class="antialiased">
	<jsp:include page="/inc_menu.jsp"></jsp:include>
	<form method="post" action="administration?action=loginAdministration">
		<fieldset style="width: 60%; margin-left:auto; margin-right: auto; margin-top: 100px;">
			<legend>Connexion</legend>
			<label>Login :</label>
			<input type="text" id="tbLogin" name="tbLogin"> 
			<label>Mot de passe :</label> 
			<input type="password" id="tbPassword" name="tbPassword">
			<% if (request.getParameter("erreur") != null) {%>
				<label style="color: red;"><%= request.getParameter("erreur") %></label>
			<%	}
			%>
			<div style="margin-left:auto; margin-right:auto; width: 200px;" >
				<input type="submit" class="button" value="Se connecter"/>
			</div>
		</fieldset>
	</form>

	<script>
		document.write('<script src='
				+ ('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery')
				+ '.js><\/script>');
	</script>
	<script src="js/foundation.min.js"></script>
	<script src="js/foundation/foundation.section.js"></script>
	<script>
		$(document).foundation();
	</script>
</body>
</html>